<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>创作中心</title>
    <style>
    body {
        height:100vh;
        display:flex;
        align-items:center;
        justify-content:center;
        background-color: rgba(150, 200, 255, 0.3);
    }
    .register{
        padding: 50px 0;
        width: 400px;
        height: 200px;
        background-color: rgba(150, 200, 255, 0.8);
        border-radius: 10px;
    }
    .register .row {
        height:50px;
        padding:10px 0px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .register .row span {
        display: block;
        width: 100px;
        font-weight: 700;
    }

    #username,#password {
        width: 200px;
        height: 40px;
        line-height: 40px;
        font-size: 24px;
        border-radius: 10px;
        border: none;
        outline: none;
        text-indent: 10px;
    }

    #submit {
        width: 300px;
        height: 50px;
        color: white;
        background-color: blue;
        border: none;
        border-radius: 10px;
    }
    </style>
</head>
<body>
<div class="register">
    <form method="post" action="/studio/user/register.do">
        <div class="row">
            <span>用户名</span>
            <input type="text" id="username" name="username">
        </div>
        <div class="row">
            <span>密码</span>
            <input type="password" id="password" name="password">
        </div>
        <div class="row">
            <button id="submit">注册</button>
        </div>
    </form>
</div>
</body>
</html>